<html>
<head>
<script>
function init()
{
	var d = document.getElementById("d");
	var r = d.getElementsByTagName("label");
	for (var i = 0; i < r.length; i++)
	{
		r[i].onmouseover = function(event){changeStatus(event)};
//		r[i].onmouseout = function(event)
//		{
//			var evt = window.event ? window.event : event;
//			var elem = (evt.target) ? evt.target : evt.srcElement;
//			elem.style.backgroundColor = "white";
//			elem.style.cursor = "normal";
//		};	
		r[i].attachEvent("onmouseout", function(event){changeStatus(event)});
	}
	
	function functionName(str)
	{
		alert(str);
	}
	
	
	function bindEvent(obj, strEventType, refFunction)
	{
		if (obj.attachEvent)
		{
			obj.attachEvent("on" + strEventType, refFunction);
		
		}
	}
	function changeStatus(event)
	{
			var event = window.event ? window.event : event;
			var srcObj = (event.target) ? event.target : event.srcElement;
			if (event.type == "mouseover")
			{
				srcObj.style.backgroundColor = "#DEF";
				srcObj.style.cursor = "pointer";
			}
			else
			{
				srcObj.style.backgroundColor = "white";
				srcObj.style.cursor = "normal";
			}

	}
}
</script>
</head>
	
<body onload="init()">
<div id="d" style="width:50%">
	<fieldset><legend>First</legend><label for="r1"><input type="radio" name="r" id="r1" value="1" />First Option</label></fieldset><br />
	<fieldset><legend>Second</legend><label for="r2"><img src="#" /><input type="radio" name="r" id="r2" value="1" />Second Option<br /> Still Second Option</label></fieldset>
</div>
</body>
</html>